import React from 'react';
import { Card } from 'antd';
import './PageStyles.css';

const SettingsPage: React.FC = () => {
  return (
    <div className="settings-page">
      <Card
        title="设置"
        className="page-card settings-card"
      >
        <div className="settings-content">
          <div className="settings-section">
            <h4>应用设置</h4>
            <p>主题、语言、界面等设置将在此显示</p>
          </div>
          <div className="settings-section">
            <h4>连接设置</h4>
            <p>默认连接配置、超时设置、密钥管理等</p>
          </div>
          <div className="settings-section">
            <h4>高级设置</h4>
            <p>代理设置、日志配置、性能优化等</p>
          </div>
        </div>
      </Card>
    </div>
  );
};

export default SettingsPage;